{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "fcebe3cf-ff69-4473-9842-e9f6e211378e",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "aaaaa\n"
     ]
    }
   ],
   "source": [
    "x = 5\n",
    "x = \"a\" * x\n",
    "print(x)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "05e74e5a-8398-418b-b6b9-354586de809e",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "6c2f2cf3-33cd-4de7-b00b-6de4c10dc285",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "aaaaa\n"
     ]
    }
   ],
   "source": [
    "x = 5\n",
    "x = \"a\" * x\n",
    "print(x)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "3bbb91a7-eecb-46b2-9742-ae0662cd180f",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "aaaaa\n"
     ]
    }
   ],
   "source": [
    "x = 5\n",
    "x = \"a\" * x\n",
    "print(x)\n",
    "x = 9"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "f5039a0c-e744-469a-99fe-f65875a8ab67",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "ebe75725-1cf6-486d-9267-2f0ecd885d57",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "aaaaa\n"
     ]
    },
    {
     "data": {
      "text/plain": [
       "27"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x = 5\n",
    "x = \"a\" * x\n",
    "print(x)\n",
    "x = 9\n",
    "x * 3"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "c1859e16-6a0d-4510-a0ad-5f4c057326a4",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[4, 2, 9]"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "a = [4, 2, 9]\n",
    "a"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "id": "1d012a9b-7284-4e55-9744-68c993093805",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "9"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "a.pop()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "id": "8686ea6c-b05b-4a1b-a57a-993bf384e2ed",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[4, 2]"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "a"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "id": "463e0065-8f54-4a21-a097-7e4c72081e4b",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "[4, 2]\n"
     ]
    }
   ],
   "source": [
    "print(a)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "id": "556affb3-25fa-4fa1-9ead-df8c9de06fc2",
   "metadata": {},
   "outputs": [
    {
     "ename": "NameError",
     "evalue": "name '_9' is not defined",
     "output_type": "error",
     "traceback": [
      "\u001b[31m----------------------------------------------------------------\u001b[39m",
      "\u001b[31mNameError\u001b[39m                      Traceback (most recent call last)",
      "\u001b[36mCell\u001b[39m\u001b[36m \u001b[39m\u001b[32mIn[10]\u001b[39m\u001b[32m, line 1\u001b[39m\n\u001b[32m----> \u001b[39m\u001b[32m1\u001b[39m \u001b[43m_9\u001b[49m\n",
      "\u001b[31mNameError\u001b[39m: name '_9' is not defined"
     ]
    }
   ],
   "source": [
    "_9"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "id": "2df53ed7-2cee-43d7-94a3-d0633b74476b",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "hello\n",
      "hello\n"
     ]
    },
    {
     "ename": "KeyboardInterrupt",
     "evalue": "",
     "output_type": "error",
     "traceback": [
      "\u001b[31m----------------------------------------------------------------\u001b[39m",
      "\u001b[31mKeyboardInterrupt\u001b[39m              Traceback (most recent call last)",
      "\u001b[36mCell\u001b[39m\u001b[36m \u001b[39m\u001b[32mIn[11]\u001b[39m\u001b[32m, line 5\u001b[39m\n\u001b[32m      3\u001b[39m \u001b[38;5;28;01mwhile\u001b[39;00m \u001b[38;5;28;01mTrue\u001b[39;00m:\n\u001b[32m      4\u001b[39m     \u001b[38;5;28mprint\u001b[39m(\u001b[33m'\u001b[39m\u001b[33mhello\u001b[39m\u001b[33m'\u001b[39m)\n\u001b[32m----> \u001b[39m\u001b[32m5\u001b[39m     \u001b[43mtime\u001b[49m\u001b[43m.\u001b[49m\u001b[43msleep\u001b[49m\u001b[43m(\u001b[49m\u001b[32;43m3\u001b[39;49m\u001b[43m)\u001b[49m\n",
      "\u001b[31mKeyboardInterrupt\u001b[39m: "
     ]
    }
   ],
   "source": [
    "import time\n",
    "\n",
    "while True:\n",
    "    print('hello')\n",
    "    time.sleep(3)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "id": "d2c58c8d-f568-4160-98d9-1fbfbe2481fe",
   "metadata": {},
   "outputs": [],
   "source": [
    "x = 20"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "id": "55485a2b-42b6-48b7-b455-b06592b0f7c3",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "20"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "f0da107c-eab6-4321-bc2b-d91cad39bab7",
   "metadata": {},
   "source": []
  },
  {
   "cell_type": "markdown",
   "id": "1797c1b8-610b-4b7e-b808-14b9ad7c5951",
   "metadata": {},
   "source": [
    "x = 20"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a0f24052-bb5e-480f-b171-a4ecf973d40d",
   "metadata": {},
   "source": [
    "x = 20"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "bbfc66af-99fd-4aef-a86b-d6b0b6c2c7dd",
   "metadata": {},
   "source": [
    "x = 2"
   ]
  },
  {
   "attachments": {},
   "cell_type": "markdown",
   "id": "063ae196-55d8-4af8-8111-7c086c32301d",
   "metadata": {},
   "source": [
    "# 这是一级标题\n",
    "## 这是二级标题\n",
    "### 这是三级标题\n",
    "\n",
    "这是一段普通文本，可以包含**加粗内容**、*斜体内容*和***加粗斜体内容***，还能添加[超链接](https://www.example.com)。\n",
    "\n",
    "> 这是一段引用文本，常用于突出重要内容或名人名言\n",
    "\n",
    "- 无序列表项1\n",
    "- 无序列表项2\n",
    "  - 嵌套无序列表项\n",
    "- 无序列表项3\n",
    "\n",
    "1. 有序列表项1\n",
    "2. 有序列表项2\n",
    "3. 有序列表项3\n",
    "\n",
    "| 表头1 | 表头2 | 表头3 |\n",
    "| --- | :---: | ---: |\n",
    "| 左对齐内容 | 居中对齐内容 | 右对齐内容 |\n",
    "| 单元格1 | 单元格2 | 单元格3 |\n",
    "\n",
    "`这是行内代码`\n",
    "\n",
    "```python\n",
    "# 这是代码块\n",
    "def hello_world():\n",
    "    print(\"Hello, Markdown!\")"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "f0dc64cb-56d7-4578-af99-5110eae3152b",
   "metadata": {},
   "source": [
    "<!DOCTYPE html>\n",
    "<html lang=\"zh-CN\">\n",
    "<head>\n",
    "    <meta charset=\"UTF-8\">\n",
    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
    "    <title>极简HTML示例</title>\n",
    "    <script src=\"https://cdn.tailwindcss.com\"></script>\n",
    "    <link href=\"https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n",
    "    <style>\n",
    "        @layer utilities {\n",
    "            .content-auto {\n",
    "                content-visibility: auto;\n",
    "            }\n",
    "        }\n",
    "    </style>\n",
    "</head>\n",
    "<body class=\"bg-gray-50 font-sans\">\n",
    "    <!-- 导航栏 -->\n",
    "    <nav class=\"bg-white shadow-md sticky top-0 z-50\">\n",
    "        <div class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\n",
    "            <h1 class=\"text-xl font-bold text-primary flex items-center\">\n",
    "                <i class=\"fa fa-code mr-2\"></i>HTML示例\n",
    "            </h1>\n",
    "            <div class=\"hidden md:flex space-x-6\">\n",
    "                <a href=\"#\" class=\"text-gray-600 hover:text-primary\">首页</a>\n",
    "                <a href=\"#\" class=\"text-gray-600 hover:text-primary\">特性</a>\n",
    "                <a href=\"#\" class=\"text-gray-600 hover:text-primary\">联系</a>\n",
    "            </div>\n",
    "            <button class=\"md:hidden text-gray-600\" id=\"menu-toggle\">\n",
    "                <i class=\"fa fa-bars text-xl\"></i>\n",
    "            </button>\n",
    "        </div>\n",
    "    </nav>\n",
    "\n",
    "    <!-- 主内容区 -->\n",
    "    <main class=\"container mx-auto px-4 py-12\">\n",
    "        <section class=\"bg-gradient-to-r from-primary/90 to-accent/90 text-white p-8 rounded-2xl mb-12\">\n",
    "            <h2 class=\"text-3xl font-bold mb-4\">探索现代HTML</h2>\n",
    "            <p class=\"opacity-90 max-w-2xl\">这个简洁的示例展示了如何使用HTML和Tailwind CSS创建响应式网页。</p>\n",
    "        </section>\n",
    "\n",
    "        <section class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n",
    "            <div class=\"bg-white p-6 rounded-xl shadow-md\">\n",
    "                <i class=\"fa fa-mobile text-primary text-2xl mb-3\"></i>\n",
    "                <h3 class=\"font-bold text-xl mb-2\">响应式设计</h3>\n",
    "                <p class=\"text-gray-600\">在所有设备上都能完美展示</p>\n",
    "            </div>\n",
    "            <div class=\"bg-white p-6 rounded-xl shadow-md\">\n",
    "                <i class=\"fa fa-bolt text-secondary text-2xl mb-3\"></i>\n",
    "                <h3 class=\"font-bold text-xl mb-2\">现代UI</h3>\n",
    "                <p class=\"text-gray-600\">美观的界面设计</p>\n",
    "            </div>\n",
    "            <div class=\"bg-white p-6 rounded-xl shadow-md\">\n",
    "                <i class=\"fa fa-paint-brush text-accent text-2xl mb-3\"></i>\n",
    "                <h3 class=\"font-bold text-xl mb-2\">动画效果</h3>\n",
    "                <p class=\"text-gray-600\">平滑的交互体验</p>\n",
    "            </div>\n",
    "        </section>\n",
    "\n",
    "        <section class=\"bg-white p-8 rounded-xl shadow-md\">\n",
    "            <h2 class=\"text-2xl font-bold mb-6\">联系我们</h2>\n",
    "            <form>\n",
    "                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n",
    "                    <div>\n",
    "                        <label class=\"block text-gray-700 mb-2\" for=\"name\">姓名</label>\n",
    "                        <input type=\"text\" id=\"name\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary\">\n",
    "                    </div>\n",
    "                    <div>\n",
    "                        <label class=\"block text-gray-700 mb-2\" for=\"email\">邮箱</label>\n",
    "                        <input type=\"email\" id=\"email\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary\">\n",
    "                    </div>\n",
    "                </div>\n",
    "                <div class=\"mb-6\">\n",
    "                    <label class=\"block text-gray-700 mb-2\" for=\"message\">留言</label>\n",
    "                    <textarea id=\"message\" rows=\"4\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary\"></textarea>\n",
    "                </div>\n",
    "                <button type=\"submit\" class=\"bg-primary hover:bg-primary/90 text-white px-6 py-3 rounded-lg font-semibold transition-custom\">发送</button>\n",
    "            </form>\n",
    "        </section>\n",
    "    </main>\n",
    "\n",
    "    <!-- 页脚 -->\n",
    "    <footer class=\"bg-gray-800 text-white py-8\">\n",
    "        <div class=\"container mx-auto px-4 text-center\">\n",
    "            <p>&copy; 2023 HTML示例 - 保留所有权利</p>\n",
    "            <div class=\"flex justify-center space-x-4 mt-4\">\n",
    "                <a href=\"#\" class=\"text-gray-400 hover:text-white transition-custom\"><i class=\"fa fa-github text-xl\"></i></a>\n",
    "                <a href=\"#\" class=\"text-gray-400 hover:text-white transition-custom\"><i class=\"fa fa-twitter text-xl\"></i></a>\n",
    "                <a href=\"#\" class=\"text-gray-400 hover:text-white transition-custom\"><i class=\"fa fa-linkedin text-xl\"></i></a>\n",
    "            </div>\n",
    "        </div>\n",
    "    </footer>\n",
    "\n",
    "    <script>\n",
    "        // 移动端菜单切换\n",
    "        document.getElementById('menu-toggle').addEventListener('click', function() {\n",
    "            const mobileMenu = document.getElementById('mobile-menu');\n",
    "            mobileMenu.classList.toggle('hidden');\n",
    "        });\n",
    "    </script>\n",
    "</body>\n",
    "</html>"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "id": "50d2d431-f827-40b7-a453-74af44008f24",
   "metadata": {},
   "outputs": [
    {
     "ename": "SyntaxError",
     "evalue": "invalid character '。' (U+3002) (1069440435.py, line 39)",
     "output_type": "error",
     "traceback": [
      "  \u001b[36mCell\u001b[39m\u001b[36m \u001b[39m\u001b[32mIn[14]\u001b[39m\u001b[32m, line 39\u001b[39m\n\u001b[31m    \u001b[39m\u001b[31m<p class=\"opacity-90 max-w-2xl\">这个简洁的示例展示了如何使用HTML和Tailwind CSS创建响应式网页。</p>\u001b[39m\n                                                                          ^\n\u001b[31mSyntaxError\u001b[39m\u001b[31m:\u001b[39m invalid character '。' (U+3002)\n"
     ]
    }
   ],
   "source": [
    "<!DOCTYPE html>\n",
    "<html lang=\"zh-CN\">\n",
    "<head>\n",
    "    <meta charset=\"UTF-8\">\n",
    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
    "    <title>极简HTML示例</title>\n",
    "    <script src=\"https://cdn.tailwindcss.com\"></script>\n",
    "    <link href=\"https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n",
    "    <style>\n",
    "        @layer utilities {\n",
    "            .content-auto {\n",
    "                content-visibility: auto;\n",
    "            }\n",
    "        }\n",
    "    </style>\n",
    "</head>\n",
    "<body class=\"bg-gray-50 font-sans\">\n",
    "    <!-- 导航栏 -->\n",
    "    <nav class=\"bg-white shadow-md sticky top-0 z-50\">\n",
    "        <div class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\n",
    "            <h1 class=\"text-xl font-bold text-primary flex items-center\">\n",
    "                <i class=\"fa fa-code mr-2\"></i>HTML示例\n",
    "            </h1>\n",
    "            <div class=\"hidden md:flex space-x-6\">\n",
    "                <a href=\"#\" class=\"text-gray-600 hover:text-primary\">首页</a>\n",
    "                <a href=\"#\" class=\"text-gray-600 hover:text-primary\">特性</a>\n",
    "                <a href=\"#\" class=\"text-gray-600 hover:text-primary\">联系</a>\n",
    "            </div>\n",
    "            <button class=\"md:hidden text-gray-600\" id=\"menu-toggle\">\n",
    "                <i class=\"fa fa-bars text-xl\"></i>\n",
    "            </button>\n",
    "        </div>\n",
    "    </nav>\n",
    "\n",
    "    <!-- 主内容区 -->\n",
    "    <main class=\"container mx-auto px-4 py-12\">\n",
    "        <section class=\"bg-gradient-to-r from-primary/90 to-accent/90 text-white p-8 rounded-2xl mb-12\">\n",
    "            <h2 class=\"text-3xl font-bold mb-4\">探索现代HTML</h2>\n",
    "            <p class=\"opacity-90 max-w-2xl\">这个简洁的示例展示了如何使用HTML和Tailwind CSS创建响应式网页。</p>\n",
    "        </section>\n",
    "\n",
    "        <section class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n",
    "            <div class=\"bg-white p-6 rounded-xl shadow-md\">\n",
    "                <i class=\"fa fa-mobile text-primary text-2xl mb-3\"></i>\n",
    "                <h3 class=\"font-bold text-xl mb-2\">响应式设计</h3>\n",
    "                <p class=\"text-gray-600\">在所有设备上都能完美展示</p>\n",
    "            </div>\n",
    "            <div class=\"bg-white p-6 rounded-xl shadow-md\">\n",
    "                <i class=\"fa fa-bolt text-secondary text-2xl mb-3\"></i>\n",
    "                <h3 class=\"font-bold text-xl mb-2\">现代UI</h3>\n",
    "                <p class=\"text-gray-600\">美观的界面设计</p>\n",
    "            </div>\n",
    "            <div class=\"bg-white p-6 rounded-xl shadow-md\">\n",
    "                <i class=\"fa fa-paint-brush text-accent text-2xl mb-3\"></i>\n",
    "                <h3 class=\"font-bold text-xl mb-2\">动画效果</h3>\n",
    "                <p class=\"text-gray-600\">平滑的交互体验</p>\n",
    "            </div>\n",
    "        </section>\n",
    "\n",
    "        <section class=\"bg-white p-8 rounded-xl shadow-md\">\n",
    "            <h2 class=\"text-2xl font-bold mb-6\">联系我们</h2>\n",
    "            <form>\n",
    "                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n",
    "                    <div>\n",
    "                        <label class=\"block text-gray-700 mb-2\" for=\"name\">姓名</label>\n",
    "                        <input type=\"text\" id=\"name\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary\">\n",
    "                    </div>\n",
    "                    <div>\n",
    "                        <label class=\"block text-gray-700 mb-2\" for=\"email\">邮箱</label>\n",
    "                        <input type=\"email\" id=\"email\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary\">\n",
    "                    </div>\n",
    "                </div>\n",
    "                <div class=\"mb-6\">\n",
    "                    <label class=\"block text-gray-700 mb-2\" for=\"message\">留言</label>\n",
    "                    <textarea id=\"message\" rows=\"4\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary\"></textarea>\n",
    "                </div>\n",
    "                <button type=\"submit\" class=\"bg-primary hover:bg-primary/90 text-white px-6 py-3 rounded-lg font-semibold transition-custom\">发送</button>\n",
    "            </form>\n",
    "        </section>\n",
    "    </main>\n",
    "\n",
    "    <!-- 页脚 -->\n",
    "    <footer class=\"bg-gray-800 text-white py-8\">\n",
    "        <div class=\"container mx-auto px-4 text-center\">\n",
    "            <p>&copy; 2023 HTML示例 - 保留所有权利</p>\n",
    "            <div class=\"flex justify-center space-x-4 mt-4\">\n",
    "                <a href=\"#\" class=\"text-gray-400 hover:text-white transition-custom\"><i class=\"fa fa-github text-xl\"></i></a>\n",
    "                <a href=\"#\" class=\"text-gray-400 hover:text-white transition-custom\"><i class=\"fa fa-twitter text-xl\"></i></a>\n",
    "                <a href=\"#\" class=\"text-gray-400 hover:text-white transition-custom\"><i class=\"fa fa-linkedin text-xl\"></i></a>\n",
    "            </div>\n",
    "        </div>\n",
    "    </footer>\n",
    "\n",
    "    <script>\n",
    "        // 移动端菜单切换\n",
    "        document.getElementById('menu-toggle').addEventListener('click', function() {\n",
    "            const mobileMenu = document.getElementById('mobile-menu');\n",
    "            mobileMenu.classList.toggle('hidden');\n",
    "        });\n",
    "    </script>\n",
    "</body>\n",
    "</html>"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "0b9314c6-59c5-48e1-b136-6ece44878527",
   "metadata": {},
   "source": [
    "<h1>欢迎来到纯HTML示例页面</h1>\n",
    "\n",
    "<!-- 导航菜单 -->\n",
    "<nav>\n",
    "    <ul>\n",
    "        <li><a href=\"#\">首页</a></li>\n",
    "        <li><a href=\"#\">关于</a></li>\n",
    "        <li><a href=\"#\">服务</a></li>\n",
    "        <li><a href=\"#\">联系</a></li>\n",
    "    </ul>\n",
    "</nav>\n",
    "\n",
    "<!-- 主要内容 -->\n",
    "<main>\n",
    "    <section>\n",
    "        <h2>关于我们</h2>\n",
    "        <p>\n",
    "            这是一个纯HTML示例页面，展示了不使用任何CSS的情况下，HTML本身的结构和元素。\n",
    "            尽管没有添加样式，但HTML仍然能够组织内容并提供基本的文档结构。\n",
    "        </p>\n",
    "    </section>\n",
    "    \n",
    "    <section>\n",
    "        <h2>服务列表</h2>\n",
    "        <ul>\n",
    "            <li>网页开发</li>\n",
    "            <li>移动应用开发</li>\n",
    "            <li>UI/UX设计</li>\n",
    "            <li>数字营销</li>\n",
    "        </ul>\n",
    "    </section>\n",
    "    \n",
    "    <section>\n",
    "        <h2>项目展示</h2>\n",
    "        <ol>\n",
    "            <li>企业网站重构</li>\n",
    "            <li>电子商务平台开发</li>\n",
    "            <li>社交媒体应用</li>\n",
    "        </ol>\n",
    "    </section>\n",
    "    \n",
    "    <section>\n",
    "        <h2>联系表单</h2>\n",
    "        <form>\n",
    "            <label for=\"name\">姓名:</label>\n",
    "            <input type=\"text\" id=\"name\" name=\"name\"><br>\n",
    "            \n",
    "            <label for=\"email\">邮箱:</label>\n",
    "            <input type=\"email\" id=\"email\" name=\"email\"><br>\n",
    "            \n",
    "            <label for=\"message\">留言:</label><br>\n",
    "            <textarea id=\"message\" name=\"message\" rows=\"4\" cols=\"50\"></textarea><br>\n",
    "            \n",
    "            <input type=\"submit\" value=\"提交\">\n",
    "        </form>\n",
    "    </section>\n",
    "</main>\n",
    "\n",
    "<!-- 页脚 -->\n",
    "<footer>\n",
    "    <p>&copy; 2023 纯HTML示例 | 版权所有</p>\n",
    "</footer>"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e5f0971b-3272-453c-8a38-797e07ab205e",
   "metadata": {},
   "source": [
    "<table border=\"1\" cellspacing=\"0\" cellpadding=\"8\" style=\"width:100%; max-width:1200px; margin:0 auto; border-collapse:collapse;\">\n",
    "  <!-- 表格标题 -->\n",
    "  <caption style=\"font-size:1.5em; font-weight:bold; margin-bottom:10px;\">2025年第二季度产品销售报表</caption>\n",
    "  \n",
    "  <!-- 表头区域 -->\n",
    "  <thead>\n",
    "    <tr style=\"background-color:#f0f0f0;\">\n",
    "      <th rowspan=\"2\" style=\"text-align:left;\">产品类别</th>\n",
    "      <th rowspan=\"2\" style=\"text-align:left;\">产品名称</th>\n",
    "      <th colspan=\"3\" style=\"text-align:center;\">销售额（万元）</th>\n",
    "      <th colspan=\"3\" style=\"text-align:center;\">销售量（件）</th>\n",
    "      <th rowspan=\"2\" style=\"text-align:center;\">同比增长</th>\n",
    "      <th rowspan=\"2\" style=\"text-align:center;\">市场份额</th>\n",
    "    </tr>\n",
    "    <tr style=\"background-color:#f0f0f0;\">\n",
    "      <th>4月</th>\n",
    "      <th>5月</th>\n",
    "      <th>6月</th>\n",
    "      <th>4月</th>\n",
    "      <th>5月</th>\n",
    "      <th>6月</th>\n",
    "    </tr>\n",
    "  </thead>\n",
    "  \n",
    "  <!-- 表格主体 -->\n",
    "  <tbody>\n",
    "    <!-- 智能手机类别 -->\n",
    "    <tr style=\"background-color:#f9f9f9;\">\n",
    "      <td rowspan=\"3\" style=\"font-weight:bold;\">智能手机</td>\n",
    "      <td>Pro Max 14</td>\n",
    "      <td>2,580</td>\n",
    "      <td>2,890</td>\n",
    "      <td>3,120</td>\n",
    "      <td>12,400</td>\n",
    "      <td>13,800</td>\n",
    "      <td>14,900</td>\n",
    "      <td>+18.2%</td>\n",
    "      <td>24.5%</td>\n",
    "    </tr>\n",
    "    <tr>\n",
    "      <td>Ultra 20</td>\n",
    "      <td>1,850</td>\n",
    "      <td>1,980</td>\n",
    "      <td>2,150</td>\n",
    "      <td>8,700</td>\n",
    "      <td>9,300</td>\n",
    "      <td>10,200</td>\n",
    "      <td>+12.7%</td>\n",
    "      <td>16.8%</td>\n",
    "    </tr>\n",
    "    <tr>\n",
    "      <td>Lite S2</td>\n",
    "      <td>980</td>\n",
    "      <td>1,050</td>\n",
    "      <td>1,120</td>\n",
    "      <td>15,600</td>\n",
    "      <td>16,800</td>\n",
    "      <td>17,900</td>\n",
    "      <td>+8.5%</td>\n",
    "      <td>12.3%</td>\n",
    "    </tr>\n",
    "    \n",
    "    <!-- 智能手表类别 -->\n",
    "    <tr style=\"background-color:#f9f9f9;\">\n",
    "      <td rowspan=\"2\" style=\"font-weight:bold;\">智能手表</td>\n",
    "      <td>Watch Pro 5</td>\n",
    "      <td>780</td>\n",
    "      <td>850</td>\n",
    "      <td>920</td>\n",
    "      <td>6,200</td>\n",
    "      <td>6,800</td>\n",
    "      <td>7,400</td>\n",
    "      <td>+22.3%</td>\n",
    "      <td>18.7%</td>\n",
    "    </tr>\n",
    "    <tr>\n",
    "      <td>Fit Watch</td>\n",
    "      <td>450</td>\n",
    "      <td>520</td>\n",
    "      <td>580</td>\n",
    "      <td>9,800</td>\n",
    "      <td>11,200</td>\n",
    "      <td>12,500</td>\n",
    "      <td>+31.5%</td>\n",
    "      <td>14.2%</td>\n",
    "    </tr>\n",
    "    \n",
    "    <!-- 平板电脑类别 -->\n",
    "    <tr style=\"background-color:#f9f9f9;\">\n",
    "      <td rowspan=\"2\" style=\"font-weight:bold;\">平板电脑</td>\n",
    "      <td>Pad Air 6</td>\n",
    "      <td>1,250</td>\n",
    "      <td>1,380</td>\n",
    "      <td>1,450</td>\n",
    "      <td>5,200</td>\n",
    "      <td>5,800</td>\n",
    "      <td>6,100</td>\n",
    "      <td>+15.3%</td>\n",
    "      <td>19.8%</td>\n",
    "    </tr>\n",
    "    <tr>\n",
    "      <td>Pad Mini 8</td>\n",
    "      <td>890</td>\n",
    "      <td>950</td>\n",
    "      <td>1,020</td>\n",
    "      <td>7,800</td>\n",
    "      <td>8,300</td>\n",
    "      <td>8,800</td>\n",
    "      <td>+9.2%</td>\n",
    "      <td>13.5%</td>\n",
    "    </tr>\n",
    "  </tbody>\n",
    "  \n",
    "  <!-- 表格页脚 -->\n",
    "  <tfoot>\n",
    "    <tr style=\"background-color:#e6e6e6; font-weight:bold;\">\n",
    "      <td colspan=\"2\">总计</td>\n",
    "      <td>8,780</td>\n",
    "      <td>9,620</td>\n",
    "      <td>10,360</td>\n",
    "      <td>65,500</td>\n",
    "      <td>69,500</td>\n",
    "      <td>73,800</td>\n",
    "      <td>+15.8%</td>\n",
    "      <td>18.3%</td>\n",
    "    </tr>\n",
    "  </tfoot>\n",
    "</table>"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "6e30bc42-f176-4082-8a67-61b3fbf92c40",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "markdown",
   "id": "81b5aba8-f595-462b-9629-1d5da9a2995f",
   "metadata": {},
   "source": [
    "多元函数的泰勒展开式：\n",
    "\\[\n",
    "f(\\mathbf{x} + \\mathbf{h}) = f(\\mathbf{x}) + \\nabla f(\\mathbf{x})^T \\mathbf{h} + \\frac{1}{2} \\mathbf{h}^T H_f(\\mathbf{x}) \\mathbf{h} + \\mathcal{O}(\\|\\mathbf{h}\\|^3)\n",
    "\\]\n",
    "其中 \\( H_f(\\mathbf{x}) \\) 是Hessian矩阵。\n",
    "\n",
    "矩阵指数函数：\n",
    "\\[\n",
    "e^A = \\sum_{k=0}^{\\infty} \\frac{1}{k!} A^k = I + A + \\frac{1}{2}A^2 + \\frac{1}{6}A^3 + \\cdots\n",
    "\\]\n",
    "特征值分解：\n",
    "\\[\n",
    "A = PDP^{-1}\n",
    "\\]\n",
    "其中 \\( D \\) 是对角矩阵，其对角元素为 \\( A \\) 的特征值，\\( P \\) 的列向量为对应的特征向量。\n",
    "\n",
    "多维高斯分布的概率密度函数：\n",
    "\\[\n",
    "f_{\\mathbf{X}}(\\mathbf{x}) = \\frac{1}{(2\\pi)^{n/2} |\\Sigma|^{1/2}} \\exp\\left( -\\frac{1}{2} (\\mathbf{x} - \\mu)^T \\Sigma^{-1} (\\mathbf{x} - \\mu) \\right)\n",
    "\\]\n",
    "其中 \\( \\mathbf{x} \\in \\mathbb{R}^n \\)，\\( \\mu \\) 是均值向量，\\( \\Sigma \\) 是协方差矩阵。\n",
    "\n",
    "中心极限定理：\n",
    "\\[\n",
    "\\bar{X}_n = \\frac{1}{n} \\sum_{i=1}^{n} X_i \\xrightarrow{d} \\mathcal{N}\\left(\\mu, \\frac{\\sigma^2}{n}\\right)\n",
    "\\]\n",
    "当 \\( n \\to \\infty \\) 时，其中 \\( X_i \\) 是独立同分布的随机变量。\n",
    "\n",
    "纳维-斯托克斯方程（不可压缩流体）：\n",
    "\\[\n",
    "\\rho \\left( \\frac{\\partial \\mathbf{v}}{\\partial t} + \\mathbf{v} \\cdot \\nabla \\mathbf{v} \\right) = -\\nabla p + \\mu \\nabla^2 \\mathbf{v} + \\mathbf{f}\n",
    "\\]\n",
    "其中 \\( \\nabla \\cdot \\mathbf{v} = 0 \\)。\n",
    "\n",
    "\\end{document}"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "1ee9a62d-b947-4f53-91e1-53b4bfcecfa0",
   "metadata": {},
   "source": [
    "# 复杂数学公式示例\n",
    "\n",
    "## 微积分\n",
    "牛顿-莱布尼茨公式（微积分基本定理）：\n",
    "$$\n",
    "\\int_{a}^{b} f(x) \\, dx = F(b) - F(a)\n",
    "$$\n",
    "其中 $ F'(x) = f(x) $。\n",
    "\n",
    "多元函数的泰勒展开式：\n",
    "$$\n",
    "f(\\mathbf{x} + \\mathbf{h}) = f(\\mathbf{x}) + \\nabla f(\\mathbf{x})^T \\mathbf{h} + \\frac{1}{2} \\mathbf{h}^T H_f(\\mathbf{x}) \\mathbf{h} + \\mathcal{O}(\\|\\mathbf{h}\\|^3)\n",
    "$$\n",
    "其中 $ H_f(\\mathbf{x}) $ 是Hessian矩阵。\n",
    "\n",
    "## 线性代数\n",
    "矩阵指数函数：\n",
    "$$\n",
    "e^A = \\sum_{k=0}^{\\infty} \\frac{1}{k!} A^k = I + A + \\frac{1}{2}A^2 + \\frac{1}{6}A^3 + \\cdots\n",
    "$$\n",
    "特征值分解：\n",
    "$$\n",
    "A = PDP^{-1}\n",
    "$$\n",
    "其中 $ D $ 是对角矩阵，其对角元素为 $ A $ 的特征值，$ P $ 的列向量为对应的特征向量。\n",
    "\n",
    "## 概率论\n",
    "多维高斯分布的概率密度函数：\n",
    "$$\n",
    "f_{\\mathbf{X}}(\\mathbf{x}) = \\frac{1}{(2\\pi)^{n/2} |\\Sigma|^{1/2}} \\exp\\left( -\\frac{1}{2} (\\mathbf{x} - \\mu)^T \\Sigma^{-1} (\\mathbf{x} - \\mu) \\right)\n",
    "$$\n",
    "其中 $ \\mathbf{x} \\in \\mathbb{R}^n $，$ \\mu $ 是均值向量，$ \\Sigma $ 是协方差矩阵。\n",
    "\n",
    "中心极限定理：\n",
    "$$\n",
    "\\bar{X}_n = \\frac{1}{n} \\sum_{i=1}^{n} X_i \\xrightarrow{d} \\mathcal{N}\\left(\\mu, \\frac{\\sigma^2}{n}\\right)\n",
    "$$\n",
    "当 $ n \\to \\infty $ 时，其中 $ X_i $ 是独立同分布的随机变量。\n",
    "\n",
    "## 微分方程\n",
    "纳维-斯托克斯方程（不可压缩流体）：\n",
    "$$\n",
    "\\rho \\left( \\frac{\\partial \\mathbf{v}}{\\partial t} + \\mathbf{v} \\cdot \\nabla \\mathbf{v} \\right) = -\\nabla p + \\mu \\nabla^2 \\mathbf{v} + \\mathbf{f}\n",
    "$$\n",
    "其中 $ \\nabla \\cdot \\mathbf{v} = 0 $。"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "5d727f92-c1e7-4b9d-b80d-90b47d188cd1",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.12.11"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
